import styled from 'styled-components'


export const CateList = styled.div`
    height:100%;
    display:flex;
    
    > div:first-child{
        width:.9rem;
         
        >ul{
            
            height:calc(100% - 2.7rem);
            overflow-y:scroll;
            
            li{
                height:.5rem;
                text-align:center;
                line-height:.5rem;
                background:#f3f3f3;
               
                &.active{
                    background:#fff;
                    span{
                        display:inline-block;
                        height:100%;
                        border-bottom:1px solid #ee742f;

                    }
                }
            }
        }
    }
    .one{
        // 剩余空间满屏占用
    
        flex:1;
        background:#fff;
        padding-top:.05rem;
        /* margin-bottom:.51rem; */
       .onebox{

            display:flex;
            flex-wrap:wrap;
            // 允许Y轴滚动
            overflow-y:scroll;
            height:100%;
            align-content:flex-start;
            height:calc(100% - 2.7rem); 
            .onebox1{
            display:flex;
            width:100%;
            height:1.4rem;
            margin-bottom:.05rem;

            .one1{
                height:100%;
                margin-right:.05rem;
                img{
                    height:100%;
                }
            }
            .right{
                /* width:4rem; */
                padding:.03rem 0 ;
                display:flex;
                flex-direction:column;
                h4{
                    font-size:.18rem;
                    margin-bottom:.03rem;
                }
                .hid{
                    font-size:.13rem;
                    color:#999999;
                    overflow: hidden;
                    text-overflow: ellipsis
                    
                }
                .one2{
                    width:.6rem;
                    height:.25rem;
                    margin-top:.1rem;
                    border:1px solid #ccc;
                    border-radius:.10rem;
                    display:flex;
                    justify-content:center;
                    line-height:.25rem;
                    p{
                        font-size:.14rem;
                        color:#999999;
                     }
                }
                i{
                    font-size:.15rem;
                    margin-top:.13rem;
                    color:#999999;
                }
            }
            
        }
       }
    
       
    }
    
  
    
`
export const Box = styled.div`
    width:100%; 
    height:1.6rem;
    overflow:hidden;
    div:first-child{ 
        width:100%;
        height:1.6rem;
        img{
            width:100%;
            height:100%;
        }
   }
   
`


